<div id="contenedorTotal" >
	<br/><br/>
	<div class="container-fluid">
		<button type="button" class="btn btn-primary bt-sm" id="btn-menu-secundario">
		<span class="glyphicon glyphicon-th"></span>
		</button>
		<div class="span2" id="menu-secundario">
			<ul class="nav nav-pills nav-stacked bs-sidenav">
				<li ><a id="gestionPreguntaRespuesta/incluirPregunta.html">Incluir Pregunta</a></li>
				 <li><a id="gestionPreguntaRespuesta/incluirRespuesta.html">Incluir Respuesta</a></li>
			</ul>
		</div>
		<div id="contenido" class="container-fluid">
		</div> 
	</div>
			
</div>
<script>
	$('ul li').click(function(event) {
			event.preventDefault(); // prevent link click if necessary?

			var $thisLi = $(this);
			var $ul = $thisLi.parent('ul');

			if (!$thisLi.hasClass('active')) {
				$ul.find('li.active').removeClass('active');
				$thisLi.addClass('active');
			}
			$("#contenido").load(event.target.id);
			
			//Plegamos el menu secundario si el botón móvil se visualiza			
			if ($("#btn-menu-secundario").css( "display" ) == "block"){
			 	$("#menu-secundario").slideToggle("slow");
			}
			
	});
	
	$("#btn-menu-secundario").click(function(event) {
		//desPlegamos el menu secundario si el botón móvil se visualiza	
		//alert($("#btn-menu-secundario").css( "display" ))
		//$('#menu-secundario').fadeIn(2000);
		$("#menu-secundario").slideToggle("slow");
	});
	
</script>
